/* CSS Document */
@font-face
{
    font-family: Open Sans;
    src: url('../font/OpenSans.ttf');
}

*{
   margin: 0;
   padding: 0;
}
html, body{
   width: 100%;
   height: 100%;
}

a{
   color: #000;
 
}
header{
   padding: 0px 20px;
   background-color: rgb(51, 51, 51);
   border-bottom: 1px solid rgb(0, 0, 0);
   max-height: 40px;
   box-shadow: 0px -1px 2px rgb(34, 34, 34)
   -moz-box-shadow: 0px -1px 2px rgb(34, 34, 34)
   -webkit-box-shadow: 0px -1px 2px rgb(34, 34, 34)
}
header .header{
	display: table;
	width: 100%;
}
article#wrapper{
   display: table;
   height: 90%;
   width: 100%;
}
footer{
   background-color: rgb(51, 51, 51);
   text-align: right;
}
footer p{
   font-size: 11px;
   padding: 10px 40px;
   color: #fff;
   margin: 0;
}
/*
.contain-left{
   float: left;
   width: 74%;
   display: block;
}
.contain-right{
   float: right;
}
*/
header h1{
   font-weight: 100;
   text-shadow: 0px -1px 0px rgb(102, 102, 102);
   text-transform: uppercase;
   font-size: 22px;
   line-height: 20px;
}
header h1 a,
header h1 a:hover{
   color: #fff;
}
#user-panel{
	min-width: 200px;
	position: absolute;
	top: 0;
	right: 20px;
	font-size: 12px;
	font-weight: bold;
	min-height: 42px;
}
#user-panel #user-info{
	display: block;
    float: left;
    line-height: 40px;
 	cursor: pointer;
    width: 100%;
	position: relative;
	min-height: 41px;
	transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
#user-panel #user-name-link{
	margin-left: 46px;
	margin-right: 26px;
	color: #fff;
}
#user-panel #user-avatar img{
   width: 27px;
   height: 27px;
   border-radius: 6px;
   border: 1px solid #343434;
   position: absolute;
   top: 6px;
   left: 15px;
}
#user-panel #dropdown-toggle{
	position: absolute;
	right: 8px;
}
#user-panel #dropdown-toggle #ico-dropdown{
	display: inline-block;
    height: 14px;
    width: 14px;
	overflow: hidden;
	background: url(../images/glyphicons-halflings.png) no-repeat;
	background-position: -313px -119px;
}
#user-panel #user-menu{
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 42px;
	background-color: #fff;
	display: none;
	width: 100%;
}
#user-panel #user-menu ul#dropdown-user-menu{
	list-style: none;
	box-shadow: 0 1px 2px #888888;
	padding: 5px 0;
	margin: 0;
}
#user-panel #user-menu ul#dropdown-user-menu li.border-bottom{
	border-top: 1px solid #E5E5E5;
	margin-top: 4px;
	height: 1px;
	background-color: #fff;
}
#user-panel:hover #user-menu{
	display: block;
}
#user-panel:hover #user-info{
	background-color: #335C97;
	transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-webkit-transition-duration: 0.1s;
	transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}

#user-panel:hover #user-info #user-name-link{
	color: #A4D9FA;
}
#user-panel:hover #user-info #user-avatar img{
	border: 1px solid #335C97;
}
ul#dropdown-user-menu li a{
	display: block;
	padding: 3px 15px;
	line-height: 20px;
	color: #505860;
}
ul#dropdown-user-menu li a:hover{
	background-color: #E2F0FD;
	color: #000;
	text-decoration: none;
}

/*********Sidebar***********/
#wrapper aside{
	width: 15%;
	display: table;
	height: 100%;
	float: left;
	background-color: #233F68;
	position: relative;
	margin-bottom: 40px;
}
aside .menushadow{
	background-image: url(../images/bg-shadow.png);
    background-position: right top;
    background-repeat: repeat-y;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
    z-index: 20;
}
ul#navigation,
ul#navigation .sub-menu{
	margin: 0;
}
ul#navigation li{
	text-transform: uppercase;
}
ul#navigation > li{
	border-bottom: 1px solid #1B3050;
    border-top: 1px solid #325A94;
	position: relative;
}
ul#navigation > li.nav-menu-last{
	border-bottom: none;
}
.nav-icons{
	position: absolute;
	width: 19px;
	height: 19px;
	background: url(../images/icons.png) no-repeat;
	overflow: hidden;
	left: 12px;
	opacity: 0.7;
}
ul#navigation li a{
	display: block;
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
ul#navigation li a:hover{
	text-decoration: none;
}
ul#navigation li .link-menu span{
	padding: 2px 6px 0 40px; 
	display: block;
}
.ico-dash{
	background-position: -139px -100px;
    height: 19px;
    width: 19px;
}
.ico-orders{
	background-position: -42px -104px;
    height: 20px;
    width: 20px;
}
.ico-post{
	background-position: -120px -51px;
    height: 21px;
    width: 18px;
}
.ico-cats{
	background-position: -162px -86px;
    height: 18px;
    width: 18px;
	top: 7px;
}
.ico-customers{
	background-position: -21px -104px;
    height: 20px;
    width: 19px;
}
.ico-users{
	background-position: 0 0;
    height: 12px;
    width: 19px;
	top: 10px;
}
.ico-ads{
	background-position: -180px -86px;
    height: 17px;
    width: 11px;
	top: 7px;
	left: 16px;
}
.ico-channel{
	background-position: -61px -104px;
    height: 20px;
    width: 20px;
}
.ico-contact{
	background-position: 0 -104px;
    height: 20px;
    width: 20px;
}

	

ul#navigation li .sub-menu{
	background: url(../images/bg-shadow-x.png) repeat-x #fff;
	display: none;
	padding-top: 4px;
}
ul#navigation li .sub-menu li{
	border-bottom: 1px solid #EEEEEE;
}
ul#navigation li .sub-menu a{
	color: #333;
	padding: 6px 6px 4px 15px;
}
ul#navigation li .sub-menu a:hover{
	background-color: #E2F0FD;
	color: #335C97;
}
ul#navigation li.nav-menu:hover .sub-menu,
ul#navigation li.active .sub-menu{
	display: block;
}
ul#navigation li.active,
ul#navigation li.nav-menu:hover{
	background-color: #325A94;
}
ul#navigation li.nav-menu:hover .nav-icons,
ul#navigation li.active .nav-icons{
	opacity: 1;
}

.welcome-bar{
	background-color: #98C81D;
    border-bottom: 1px solid #98B200;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    height: 17px;
    padding: 8px 0;
    text-align: center;
    text-shadow: 0 1px 0 #7BAA03;
}
.welcome-bar a{
	border-bottom: 1px dotted #FFFFFF;
    color: #FFFFFF;
    text-decoration: none;
}
#wrapper, #main, #content{
	background: #F9F9F9;
}
#main{
	float: left;
	width: 85%;
}
#content{
    padding: 15px 40px;
}
#content h2#title-page{
	font-size: 22px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	border-bottom: 3px double #E1E1E0;
    color: #666666;
	margin-bottom: 35px;
	position: relative;
}
#content h2#title-page a.label{
	position: absolute;
	top: 11px;
	font-size: 11px;
	margin-left: 15px;
	display: inline;
	padding: 3px 7px;
	opacity: 0.5;
}
#content h2#title-page a.label:hover{
	background-color: #77A201;
	opacity: 1;
	box-shadow: 0 1px 0 0 #FFF;
	-moz-box-shadow: 0 1px 0 0 #FFF;
	-webkit-box-shadow: 0 1px 0 0 #FFF;
}
#title-bar{
	position: relative;
}
#title-bar #element-count{
	position: absolute;
	right: 0;
}
#title-bar #element-count #info-element{
	float: left;
	line-height: 14px;
}
#title-bar #element-count #info-element .number{
	text-align: right;
	color: #5D91A9;
	font-size: 16px;
	font-weight: bold;
	margin-top: 3px;
}
#title-bar #element-count #info-element span{
	font-size: 11px;
}
#title-bar #element-count #img-element{
	background-color: #6E97AA;
    border-radius: 50% 50% 50% 50%;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
    float: left;
    height: 35px;
    width: 35px;
	position: relative;
	margin-left: 6px;
}
#title-bar #element-count #img-element .nav-icons{
	left: 7px;
	margin: 8px 0;
}
#title-bar #element-count #img-element .ico-users{
	top: 5px;
}
.quick-stats{
	margin: 0;
}
.quick-stats li{
	list-style: none;
	float: left;
	margin: 0 5px 5px 0;
	background-color: #FCFCFC;
    border: 1px solid #E9E9E9;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.quick-stats li a{
	background: url("../images/ico-hover-arrow.png") no-repeat scroll 120% center rgba(0, 0, 0, 0);
    color: #666666;
    float: left;
    min-width: 157px;
    padding: 10px 0 7px 10px;
    text-align: left;
}
.quick-stats li a:hover{
	background-position:90%;
	text-decoration: none;
	color: #333;
	animation: movearrow 0.4s;
}
@keyframes movearrow
{
from {background-position: 120%;}
to {background-position: 90%;}
}

@-webkit-keyframes movearrow /* Safari and Chrome */
{
from {background:red;}
to {background:yellow;}
}
.quick-stats li .number{
	width: 100%;
	display: block;
	font-family: "Open Sans",Verdana,Geneva,sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0 1px 0 #FFFFFF;
}
.quick-stats li .head{
	text-transform: uppercase;
	font-size: 11px;
}
form{
	margin: 0;
}
.contain-form-search{
	float: right;
}
#content .genaral-tables{
	margin-top: 10px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: 0 1px 3px #EEEEEE;
	-moz-box-shadow: 0 1px 3px #EEEEEE;
	-webkit-box-shadow: 0 1px 3px #EEEEEE;
}
#content .genaral-tables tr th,
#content .genaral-tables tr td{
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	vertical-align: middle;
}
#content .genaral-tables tr td.image img{
	height: 40px;
}
#content .genaral-tables tr td p{
	margin-bottom: 0;
}
#content .genaral-tables tr th{
	background-color: #EEEEEE;
	font-weight: normal;
	text-align: center;
}
.genaral-tables tr{
	background-color: #FDFDFD;
	color: #6E757B;
	font-size: 12px;
}
.genaral-tables tr .text-center{
	text-align: center;
}
#content .genaral-tables tr:hover{
	background-color: #FDF6D8;
	transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-webkit-transition-duration: 1.2s;
	transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	cursor: default;
}
.table-col-action a{
	opacity: 0.6;
	margin-left: 4px;
	margin-right: 4px;
	text-decoration: none;
}
.table-col-action a:hover{
	opacity: 1;
	text-decoration: none;
}
#content .genaral-tables tr td.tableFooter{
	background: linear-gradient(center top , #F8F8F8 0%, #EFEFEF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -moz-linear-gradient(center top , #F8F8F8 0%, #EFEFEF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-linear-gradient(center top , #F8F8F8 0%, #EFEFEF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #CDCDCD;
    clear: both;
    color: #636363;
    font-size: 11px;
    margin: 0;
    max-height: 36px;
}
.genaral-tables .update_in_table{
	display: none;
}
.genaral-tables .update_in_table.open{
	display: table-row;
}
.genaral-tables .update_in_table td{
	padding: 15px;
}
.genaral-tables .update_in_table input, 
.genaral-tables .update_in_table textarea{
	margin-bottom: 10px;
	width: 95%;
	display: block;
}
.genaral-tables .update_in_table textarea{
	width: 95%;
	display: block;
}
#content .list-controls{
	padding: 5px 10px;
	border-top: 1px solid #EEEEEE;
	text-align: right;
	display: block;
}

.border-radius4{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.shadow-div{
	box-shadow: 0 2px 2px #D3D3D3;
	-moz-box-shadow: 0 2px 2px #D3D3D3;
	-webkit-box-shadow: 0 2px 2px #D3D3D3;
}
.widget{
	padding: 5px 15px 3px 15px;
	margin-bottom: 10px;
	background-color: #FFF;
}
.widget h4{
	border-bottom: 1px dotted #CCCCCC;
    color: #3583CC;
    font-size: 16px;
    font-weight: bold;
    line-height: 2.3em;
    margin: 0 0 10px;
}
.editor-field{
	width: 100%;
	margin-bottom: 10px;
}
.input-fixedfull{
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
}
.editor-field .error-validation{
	color: #FF0000;
    font-style: italic;
    margin: 5px 0;
}
.editor-field .margin-bottom-5{
	margin-bottom: 5px;
}
.editor-field input[type=file]{
	opacity: 0;
	background: #000;
}
.editor-field input[type=radio]{
	margin: 0 4px 0 0;
}
.editor-field label{
	display: inline-block;
	margin: 5px 0;
	min-width: 50px;
}
.customfile-wrap {
  position: relative;
}

.customfile-wrap .customfile-filename {
  width: 72%;
  border: 1px solid #A8A49D;
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -webkit-border-top-right-radius: 0;
}
.customfile-upload {
  display: inline-block;
  padding: 4px 5px;
  border: 1px solid #A8A49D;
  color: #6B6863;
  background: #ddd;
  -webkit-border-radius: 0 3px 3px 0;
  	 -moz-border-radius: 0 3px 3px 0;
  		  border-radius: 0 3px 3px 0;  
  border-left: none;
  cursor: pointer;
  background: #fcfff4;
  background: -moz-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%);
  background: -webkit-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #e9e9ce 100%);
}

.customfile-upload:hover {
  background: #fafafa;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
}
.editor-field .preview-image{
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
}
.editor-field .preview-image img{
	max-width: 100%;
}
#formSearch #field-search{
	width: 110px;
	padding-left: 0;
	border-left: 0;
	border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}
select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.input-append .add-on:last-child, 
.input-append .btn:last-child, 
.input-append .btn-group:last-child > .dropdown-toggle{
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
}
.input-append input, 
.input-append select, 
.input-append .uneditable-input,
.input-group-addon{
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
}

.input-group > input{
	cursor: text;
}
.input-group > input,
.filter-group .input-group-addon,
.filter-group > select,
.filter-group .bfh-datepicker input{
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-right-style: none;
}
.input-group > input:last-child,
.filter-group > select:last-child,
.filter-group .bfh-datepicker input{
	border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-right-style: solid;
}
.input-group .input-group-addon{
	cursor: default;
}
.filter-group .input-group-addon{
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	width: 20px;
}
.filter-group .input-group-addon:first-child{
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
}
.filter-group .bfh-datepicker,
.filter-group > select{
	float: left;
	margin: 0;
}
.input-group input{
	width: 180px;
}

.modal{
	font-size: 14px;
	border: 5px solid #777777;
}
.modal-header {
	background-color: #F0F0F0;
	border-bottom: 1px solid #ddd;
	border-radius: 6px 6px 0 0;
}
.modal-header button.close {
	padding-top: 4px;
}
.modal-header h3 {
	font-family: Cuprum, Arial, Helvetica, sans-serif;
	font-size: 20px !important;
	font-weight: bold !important;
	text-shadow: 0 1px 0 #FFF;
}
.modal-footer {
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #FFF;
}
.modal label{
	font-weight: bold;
	display: block;
}

.btn-danger{
	background-color: #E75C45;
    background-image: -webkit-linear-gradient(center top , #F1624A, #E75C45);
	background-image: -moz-linear-gradient(center top , #F1624A, #E75C45);
	background-image: linear-gradient(center top , #F1624A, #E75C45);
}
.btn-danger:hover{
	background-color: #E75C45;
}
label.error{
	color: #f00;
	font-style: italic;
}




 


